<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>语言伪类</title>
    <style>

        /*选择div并且语言是en的元素*/
        div:lang(zh-CN) {
            color: red;
        }

        /*不写lang的标签默认值与html标签的lang一样*/
        div:lang(en) {
            color: green;
        }


        /*只要lang属性的值为en就被选中,这里不会覆盖掉有标签值:lang(en){}的样式*/
        :lang(en) {
            color: gold;
        }

    </style>
</head>
<body>
<div>前端</div>
<div lang="zh-CN">web_front</div>
<p>前端</p>
<span>你好</span>
</body>
</html>